<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jsPlumb-2.0.7-min.js"></script>
		<script type="text/javascript" src="js/jsplumbTest.js"></script>
		<link rel="stylesheet" href="css/jquery-ui.min.css">
	</head>

	<body>
		<div id="container">
			<div id="mainContent" >
				<div id="sidebar" style="border: solid 1px ; width: 100px;height: 800px; float: left;">
					Module List
					<div class="window" id="bt1">
						<strong>1</strong>
						<br />
						<br />
					</div>
					<br />
					<div class="window" id="bt2">
						<strong>2</strong>
						<br />
						<br />
					</div>
					<br />
					<div class="window" id="bt3">
						<strong>3</strong>
						<br />
						<br />
					</div>
				</div>
				<div id="content" style="float: left;margin-left: 10px;">
					<p>drop here!</p>
				</div>
			</div>
		</div 
	</body>
      
</html>